<template>
    <div class="ho-input">
        <input type="text" class="select-inner_input" :placeholder="placeholder">
    </div>
</template>
<script>
export default {
    name: 'po-input',
    props: ['placeholder'],
    data () {
        return {}
    },
    methods: {

    }
}
</script>
<style scoped>
    .ho-input {
        display: inline-block;
        width:300px;
        text-align: center;
        position: relative;
        border: 1px solid #f0f0f0;
        color: #838383;
        border-radius: 5px;
    }
    .select-inner_input {
        width: 100%;
        line-height: 46px;
        border: none;
        box-shadow: 6px 6px 7px -3px rgb(178 178 178);
        box-sizing: border-box;
        text-indent: 10px;
        cursor: pointer;
        font-weight: 600;
    }
    .select-inner_input:focus {
        border: none;
        outline: 0;
    }
</style>